<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Electrolux的样式</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./pie.css" />
    <script type="text/javascript" src="./pie.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-col group">
        <div class="flex-row justify-between group_2">
          <span class="text">8:59</span>
          <div class="flex-row space-x-6">
            <img class="image" src="../../img/63ff49927ae6d7052ec5c7a622a00d21.png" />
            <img class="image_2" src="../../img/a2c836c601551e96d971f11b9b454838.png" />
            <img class="image_3" src="../../img/8f47caf228f38ddfbc8266f5908643aa.png" />
          </div>
        </div>
        <div class="flex-row justify-between group_3">
          <img class="image_4" src="../../img/107c0805f6863d6e34dcaf4d0f161629.png" />
          <span class="text_2">个人中心</span>
          <img class="image_4 image_5" src="../../img/13ca4049f56a79e196127666d31be8d5.png" />
        </div>
        <div class="flex-row justify-between section">
          <div class="flex-col items-center text-wrapper"><span class="font_1 text_3">加密货币</span></div>
          <span class="font_1 text_4">股票基金</span>
        </div>
        <div class="flex-col space-y-20 group_4">
          <div class="flex-col space-y-6 group_5">
            <div class="flex-row space-x-28 equal-division">
              <div class="flex-row justify-center space-x-5 equal-division-item">
                <div class="section_2"></div>
                <span class="font_2 text_5">ETC:34%</span>
              </div>
              <div class="flex-row justify-evenly equal-division-item_2">
                <div class="section_3"></div>
                <span class="font_2 text_6">ADA:46%</span>
              </div>
              <div class="flex-row justify-evenly equal-division-item_3">
                <div class="section_4"></div>
                <span class="font_2 text_7">BTC:20%</span>
              </div>
            </div>
            <div class="flex-row group_6">
              <span class="text_8">￥</span>
              <span class="text_10">12,320,29</span>
              <span class="font_1 text_9">总余额</span>
              <div class="section_5"></div>
              <img class="image_7" src="../../img/f7c7ee263ed3e4accf4aeba0085a3243.png" />
              <img class="image_8" src="../../img/63070a1943fc3c126e10fcfafa7106db.png" />
              <img class="image_6" src="../../img/586ed57b03efb4872c98372cd0140115.png" />
            </div>
          </div>
          <div class="flex-col space-y-17">
            <div class="flex-row justify-between">
              <span class="text_11">货币列表</span>
              <div class="flex-row space-x-2 section_6">
                <span class="font_3 text_12">筛选</span>
                <img class="image_9" src="../../img/eabfffb6ef14e4b8a4e0ce6aa401f88c.png" />
              </div>
            </div>
            <div class="flex-col space-y-16">
              <div class="flex-row justify-between">
                <div class="flex-row">
                  <img class="image_10" src="../../img/bea263f593d5a7c14e7c430f7acab627.png" />
                  <div class="flex-col items-start space-y-9 group_8">
                    <span class="font_4 text_13">Bitcoin</span>
                    <span class="font_3 text_15">BCT</span>
                  </div>
                </div>
                <div class="flex-row group_7">
                  <img class="image_11" src="../../img/356cbf878b34dc439199565087e079a9.png" />
                  <div class="flex-col space-y-6 group_9">
                    <span class="font_5 text_14">47,517,12</span>
                    <div class="flex-row space-x-6 group_10">
                      <span class="font_6">5.3%</span>
                      <img class="image_12" src="../../img/ff77b98143e6ba3959b51302f4f64c07.png" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="flex-row">
                <div class="flex-row justify-between group_11">
                  <div class="flex-row">
                    <img class="image_10" src="../../img/11c63df0db50b1ebea69ba7df0e0de9f.png" />
                    <div class="flex-col items-start space-y-9 group_12">
                      <span class="font_4">Ethereum</span>
                      <span class="font_3 text_17">ETH</span>
                    </div>
                  </div>
                  <img class="image_11" src="../../img/96b93b856316e5621c100e6793a6ac3d.png" />
                </div>
                <div class="flex-col space-y-5 group_13">
                  <span class="font_5 text_16">1,808,10</span>
                  <div class="flex-row space-x-6 group_14">
                    <span class="font_3 text_18">8.3%</span>
                    <img class="image_12 image_13" src="../../img/a738e213ba427de567d7e44af50dcd59.png" />
                  </div>
                </div>
              </div>
              <div class="flex-row justify-between">
                <div class="flex-row">
                  <img class="image_10" src="../../img/dd74d67c4e4bd063ec8a4ffe1f4356bd.png" />
                  <div class="flex-col items-start space-y-9 group_15">
                    <span class="font_4">Cardano</span>
                    <span class="font_3 text_20">ADA</span>
                  </div>
                </div>
                <img class="image_11" src="../../img/9b1d189abd76e720d9effc861fef7dac.png" />
                <div class="flex-col space-y-6 group_16">
                  <span class="font_5 text_19">1,345,12</span>
                  <div class="flex-row space-x-6 group_17">
                    <span class="font_6">12.8%</span>
                    <img class="image_12" src="../../img/ff77b98143e6ba3959b51302f4f64c07.png" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-row justify-between section_7">
        <div class="flex-col items-center space-y-4 group_18">
          <img class="image_15" src="../../img/96e84a9a6f38d6f952a7dbe6760b70d8.png" />
          <span class="font_7 text_21">我的</span>
        </div>
        <div class="flex-col items-center space-y-4 group_19">
          <img class="image_15" src="../../img/94aeded2fd2ba43dfae226d963eebde3.png" />
          <span class="font_7">钱包</span>
        </div>
        <img class="image_14" src="../../img/e4b259760886a6939ef977ee8decb792.png" />
        <div class="flex-col items-center space-y-4 group_20">
          <img class="image_15" src="../../img/dd2dfe085ceeb815bc02e4f994ad6c6c.png" />
          <span class="font_7 text_22">消息</span>
        </div>
        <div class="flex-col items-center space-y-5 group_21">
          <img class="image_15" src="../../img/80449d47e4b8677af4ae8464f433b348.png" />
          <span class="font_7">设置</span>
        </div>
      </div>
    </div>
  </body>
</html>